<template>
    <el-row class="Tailrow2"  type="flex" justify="center">
        <el-col :span="4" class="row2col1">
            <div class="col1div1"><span>服务保障</span></div>
            <div class="col1div2"><span>◆正品保证</span></div>
            <div class="col1div2"><span>◆7天无理由放心退</span></div>
            <div class="col1div2"><span>◆7天无理由随心换</span></div>
        </el-col>
        <el-col :span="4" class="row2col1">
            <div class="col1div1"><span>购物指南</span></div>
            <div class="col1div2"><span>◆导购演示</span></div>
            <div class="col1div2"><span>◆订单操作</span></div>
            <div class="col1div2"><span>◆会员注册</span></div>
            <div class="col1div2"><span>◆账户管理</span></div>
            <div class="col1div2"><span>◆收货样品</span></div>
            <div class="col1div2"><span>◆会员等级</span></div>
        </el-col>
        <el-col :span="4" class="row2col1">
            <div class="col1div1"><span>支付方式</span></div>
            <div class="col1div2"><span>◆23家主流网银支付</span></div>
            <div class="col1div2"><span>◆支付宝、银联等支付</span></div>
            <div class="col1div2"><span>◆信用卡支付</span></div>
            <div class="col1div2"><span>◆零钱支付</span></div>
        </el-col>
        <el-col :span="4" class="row2col1">
            <div class="col1div1"><span>配送方式</span></div>
            <div class="col1div2"><span>◆配送范围及运费</span></div>
            <div class="col1div2"><span>◆验货与签收</span></div>
        </el-col>
        <el-col :span="4" class="row2col1">
            <div class="col1div1"><span>售后服务</span></div>
            <div class="col1div2"><span>◆退货政策</span></div>
            <div class="col1div2"><span>◆退货流程</span></div>
            <div class="col1div2"><span>◆退款方式和时效</span></div>
            <div class="col1div2"><span>◆换货服务</span></div>
        </el-col>
        <el-col :span="4" class="row2col1">
            <div class="col1div1" style="margin-left:22px"><span>hggood二维码</span></div>
            <div class="col1div2" style="height:95px">
                <el-popover placement="left-end" trigger="hover" width="600">
                    <img class="hggoodimgbig" src="../../../assets/icon/hggoodimg.png">
                    <img class="hggoodimgsmall" slot="reference" src="../../../assets/icon/hggoodimg.png">
                </el-popover>
            </div>
            <div class="col1div2" style="margin-left:0px;margin-right:-25px;width:120px;border-bottom:1px dashed rgb(194, 194, 194)">
                <span style="margin-left:22px">开发作者微信</span>
            </div>
        </el-col>
    </el-row>
</template>

<script>
export default {
    name:'XiaoTCenter',
}
</script>

<style scoped>
.Tailrow2{
    margin: 0px auto;
    width: 900px;
    text-align: center;
    height: 142px;
}
.row2col1{
    font-size: 12px;
    text-align: left;
    border-right: 1px solid rgb(194, 194, 194);
}
.col1div1{
    margin-left: 20px;
    height: 25px;
}
.col1div2{
    margin-left: 15px;
    width: 100%;
    height: 21px;
    cursor: pointer;
    color: rgb(85, 85, 85);
}
.col1div2 :hover{
    color: rgb(255, 20, 110);
}
.hggoodimgsmall{
    height: 100px;
    width: 100px;
}
.hggoodimgbig{
    width: 100%;
    height: 100%;
}
</style>